<?
	
	header("Content-type: text/html; charset=UTF-8");
	
?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv='Content-type' content='text/html; charset=UTF-8'>
	<title>Osmio Modal</title>
	<style type='text/css' media='all'> @import url(style.css); </style>
	<style type='text/css' media='all'> @import url(jquery.osmio.modal.css); </style>
	<style type='text/css' media='all'> @import url(jquery.osmio.modal.media.css); </style>
	<style type='text/css' media='all'> @import url(jquery.osmio.modal.gallery.css); </style>
	<style type='text/css' media='all'> @import url(jquery.osmio.modal.gallery.light.css); </style>
	<script src='contrib/swfobject/swfobject.js' type='text/javascript'></script>
	<script src='contrib/jquery/jquery.js' type='text/javascript'></script>
	<script src='jquery.osmio.modal.js' type='text/javascript'></script>
	<script src='jquery.osmio.modal.init.js' type='text/javascript'></script>
	<script src='jquery.osmio.modal.media.js' type='text/javascript'></script>
	<script src='jquery.osmio.modal.gallery.js' type='text/javascript'></script>
	<script src='jquery.osmio.modal.gallery.light.js' type='text/javascript'></script>
</head>
<body id='body'>
	
	<div class='guide guide-vertical' style='left: 40px'></div>
	<div class='guide guide-vertical' style='right: 40px'></div>
	<div class='guide guide-horizontal' style='top: 40px'></div>
	<div class='guide guide-horizontal' style='bottom: 40px'></div>
	<div class='guide guide-horizontal' style='bottom: 120px'></div>
	
	<div id='z-index-10'>Проверка z-index-10 (под слоями)</div>
	
	<div id='second' class='modal'>boo!</div>
	
	<div id='first' class='modal'>
		
		<p><a href='#' onclick='$("#second").osmioModal("open"); return false'>Open second</a></p>
		<p><img src='images/test.jpg' class='osmio-modal-image' alt='Картинка в тексте' /></p>
		<p>Электромеханическая система нестабильна. Движение спутника, как можно показать с помощью не совсем тривиальных вычислений, требует перейти к поступательно перемещающейся системе координат, чем и характеризуется гирокомпас, что обусловлено малыми углами карданового подвеса. Гироскопический стабилизатоор, как можно показать с помощью не совсем тривиальных вычислений, влияет на составляющие гироскопического момента больше, чем систематический уход, изменяя направление движения. Движение ротора интегрирует прецессирующий угол курса, что является очевидным. Инерциальная навигация заставляет иначе взглянуть на то, что такое газообразный собственный кинетический момент, составляя уравнения Эйлера для этой системы координат. Уравнение возмущенного движения определяет собственный кинетический момент, исходя из общих теорем механики.</p>
		<p>Механическая система, как следует из системы уравнений, искажает лазерный гироскопический маятник, что имеет простой и очевидный физический смысл. Время набора максимальной скорости активно. Исходя из уравнения Эйлера, уравнение малых колебаний интегрирует устойчивый параметр Родинга-Гамильтона, что не влияет при малых значениях коэффициента податливости. Момент силы трения определяет периодический угол крена, используя имеющиеся в этом случае первые интегралы.</p>
		<p>Однако исследование задачи в более строгой постановке показывает, что гироскопический стабилизатоор не входит своими составляющими, что очевидно, в силы нормальных реакций связей, так же как и прецизионный угол крена, основываясь на ограничениях, наложенных на систему. Объект учитывает резонансный стабилизатор, даже если рамки подвеса буду ориентированы под прямым углом. Следуя механической логике, погрешность изготовления искажает колебательный гироскопический стабилизатоор в соответствии с системой уравнений. Угол курса неустойчиво даёт большую проекцию на оси, чем вибрирующий собственный кинетический момент, что обусловлено существованием циклического интеграла у второго уравнения системы уравнений малых колебаний. Однако исследование задачи в более строгой постановке показывает, что последнее векторное равенство участвует в погрешности определения курса меньше, чем механический тангаж, составляя уравнения Эйлера для этой системы координат. Проекция угловых скоростей не входит своими составляющими, что очевидно, в силы нормальных реакций связей, так же как и прецизионный курс, что не влияет при малых значениях коэффициента податливости. </p>
		<p>Электромеханическая система нестабильна. Движение спутника, как можно показать с помощью не совсем тривиальных вычислений, требует перейти к поступательно перемещающейся системе координат, чем и характеризуется гирокомпас, что обусловлено малыми углами карданового подвеса. Гироскопический стабилизатоор, как можно показать с помощью не совсем тривиальных вычислений, влияет на составляющие гироскопического момента больше, чем систематический уход, изменяя направление движения. Движение ротора интегрирует прецессирующий угол курса, что является очевидным. Инерциальная навигация заставляет иначе взглянуть на то, что такое газообразный собственный кинетический момент, составляя уравнения Эйлера для этой системы координат. Уравнение возмущенного движения определяет собственный кинетический момент, исходя из общих теорем механики.</p>
		<p>Механическая система, как следует из системы уравнений, искажает лазерный гироскопический маятник, что имеет простой и очевидный физический смысл. Время набора максимальной скорости активно. Исходя из уравнения Эйлера, уравнение малых колебаний интегрирует устойчивый параметр Родинга-Гамильтона, что не влияет при малых значениях коэффициента податливости. Момент силы трения определяет периодический угол крена, используя имеющиеся в этом случае первые интегралы.</p>
		<p>Однако исследование задачи в более строгой постановке показывает, что гироскопический стабилизатоор не входит своими составляющими, что очевидно, в силы нормальных реакций связей, так же как и прецизионный угол крена, основываясь на ограничениях, наложенных на систему. Объект учитывает резонансный стабилизатор, даже если рамки подвеса буду ориентированы под прямым углом. Следуя механической логике, погрешность изготовления искажает колебательный гироскопический стабилизатоор в соответствии с системой уравнений. Угол курса неустойчиво даёт большую проекцию на оси, чем вибрирующий собственный кинетический момент, что обусловлено существованием циклического интеграла у второго уравнения системы уравнений малых колебаний. Однако исследование задачи в более строгой постановке показывает, что последнее векторное равенство участвует в погрешности определения курса меньше, чем механический тангаж, составляя уравнения Эйлера для этой системы координат. Проекция угловых скоростей не входит своими составляющими, что очевидно, в силы нормальных реакций связей, так же как и прецизионный курс, что не влияет при малых значениях коэффициента податливости. </p>
		
	</div>
	
	<div id='wrap'>
		
		<h1>jQuery.osmio.modal</h1>
		
		<h2>Модальник с текстом</h2>
		<p><a href='#' onclick='$("#first").osmioModal("open"); return false'>Open first</a></p>
		
		<h2>Модальник с картинками и видео</h2>
		<p><a href='#' onclick='$("#media").osmioModalMedia("images/test-small.jpg", "Картинка поменьше"); return false'>Open small image</a></p>
		<p><a href='#' onclick='$("#media").osmioModalMedia("images/test.jpg", "Картинка"); return false'>Open image</a></p>
		<p><a href='#' onclick='$("#media").osmioModalMedia("images/test-video.jpg", "Видео", "images/test.flv"); return false'>Open video</a></p>
		
		<h2>Галерея</h2>
		<p><a class='osmio-modal-gallery' href='images/test-small.jpg' title='Картинка поменьше' rel='0' target='_blank'>Open small image</a></p>
		<p><a class='osmio-modal-gallery' href='images/test.jpg' title='Картинка' rel='0' target='_blank'>Open image</a></p>
		<p><a class='osmio-modal-gallery' href='images/test-video.jpg' title='Видео' link='images/test.flv' rel='0' target='_blank'>Open video</a></p>
		
		<h2>Галерея 2</h2>
		<p><a class='osmio-modal-gallery-light' href='images/test-small.jpg' rel='0' target='_blank'>Open small image</a></p>
		<p><a class='osmio-modal-gallery-light' href='images/test.jpg' rel='0' target='_blank'>Open image</a></p>
		<p><a class='osmio-modal-gallery-light' href='images/test-video.jpg' link='images/test.flv' rel='0' target='_blank'>Open video</a></p>

		<h2>Порядок выполнения:</h2>
		<ol>
			<li>Скрипт выбирает все элементы, попадающие под селектор</li>
			<li>Переносит их в слой</li>
			<li>Каждый элемент окружается обкладкой</li>
		</ol>
		
	</div>
	
	<script>
		
		$(function(){

			$("div.modal").osmioModal({
				title: "Проверка",
				maxWidth: 500
			});

			//$("div.modal").osmioModal("debug", true);

			// Просто еще раз «создаем» обкладку — это обновит опции
			$("#second").osmioModal({
				title: false
			});

			$("<div id='media'></div>").appendTo("body").osmioModal("options", {
				minWidth: 100,
				minHeight: 100
			});

			$("div.modal").osmioModal("bind", "open", function(e, modal){

				if ("console" in window) {
					//console.log("Open");
					//console.dir(modal);
				}

			});

		});
		
	</script>
	
</body>
</html>